// 获取文章,渲染
let data = {
  pagenum: 1,   //获取第几页数据
  pagesize: 2   //每页几条数据
}
function renderArticle() {
  $.ajax({
    url: '/my/article/list',
    data: data,
    success: function (res) {
      // console.log(res);
      if (res.status === 0) {
        let tr = ''
        res.data.forEach(item => {
          tr += `
           <tr>
            <td>${item.title}</td>
            <td>${item.cate_name}</td>
            <td>${item.pub_date}</td>
            <td>${item.state}</td>
            <td>
              <a href="./edit.html?id=${item.id}" class="layui-btn layui-btn-xs">编辑</a>
              <button data-id="${item.id}" type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
            </td>
           </tr>`
        });
        $('tbody').html(tr)
        // 数据总数 res.total
        show(res.total)
      }
    }
  })
}
renderArticle()

// 删除
$('tbody').on('click', 'button:contains("删除")', function () {
  let id = $(this).data('id')
  layer.confirm('确认删除吗', function (index) {
    $.ajax({
      url: '/my/article/delete/' + id,
      success: function (res) {
        if (res.status === 0) {
          layer.msg(res.message)
          renderArticle()
        }
      }
    })
    layer.close(index)
  })
})

//分页
function show(t) {
  let laypage = layui.laypage;
  laypage.render({
    elem: 'page',//注意，这里的 test1 是 ID，不用加 # 号
    count: t, //数据总数，从服务端得到
    limit: data.pagesize,
    curr: data.pagenum,
    limits: [2, 3, 5, 10, 15],
    layout: ['limit', 'prev', 'page', 'next', 'count', 'skip'],
    jump: function(obj, first){
      //obj包含了当前分页的所有参数，比如：
      // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      // console.log(obj.limit); //得到每页显示的条数
      
      //首次不执行
      if(!first){
        //do something
        data.pagenum = obj.curr
        data.pagesize = obj.limit
        renderArticle()
      }
    }
  });
}


// 筛选
// 1获取数据,渲染到下拉框的位置

$.ajax({
  url: '/my/category/list',
  success: function (res) {
    if (res.status === 0) {
      let str = ''
      res.data.forEach(item => {
        str += `
          <option value= "${item.id}">${item.name}</option>
        `
      })
      $('#cate_id').append(str)
      // 动态创建下拉菜单滞后,需要重新渲染
      let form = layui.form
      form.render('select')
    }   
  } 
})

// 2实现筛选
  // 表单提交  阻止默认行为  获取两个下拉菜单的值  修改请求参数   调用重新渲染
$('#search').on('submit', function (e) {
  e.preventDefault()
  let cate_id = $('#cate_id').val()
  let state = $('#state').val()
  if (cate_id) {
    data.cate_id=cate_id
  } else {
    delete data.cate_id
  }
  if (state) {
    data.state = state
  } else {
    delete data.state
  }

  // 筛选后重置页码为1
  data.pagenum = 1
  renderArticle()
}
)
